userManagementUi = Ext.extend(Ext.Window, {
    title: 'User management'
    ,iconCls : 'icon-users3_preferences'
    ,closeAction : 'hide'
    ,width: 700
    ,height: 400
    ,buttonAlign: 'center'
    ,layout : 'fit'
    ,tbar: [
        {
            xtype : 'button'
            ,ref : '../reloadButton'
            ,iconCls : 'icon-refresh'
        },'-',{
            xtype: 'button'
            ,text: 'Add user'
            ,ref: '../addUserButton'
            ,iconCls: 'icon-user1_add'
        },'-',{
            xtype: 'button'
            ,text: 'Delete'
            ,ref: '../deleteUserButton'
            ,iconCls: 'icon-error'
        }
    ]
    ,contentItems: {
        xtype: 'editorgrid'
        ,ref : 'userEditorGrid'
        ,store: 'userCrudStore'
        ,clicksToEdit : 2
        ,autoExpandColumn: 1
        ,viewConfig : {
            forceFit: true
        }
        ,colModel : new Ext.grid.ColumnModel({
            defaults: {
                sortable: true
                ,menuDisabled: true
                ,width: 100
                ,resizable: true
                ,editable: true
            }
            ,columns:[
                {
                    header: 'ID'
                    ,dataIndex: 'id'
                    ,editable: false
                    , hidden : true
                },{
                    header: 'Username'
                    ,dataIndex: 'username'
                    ,editor: {
                        xtype: 'textfield'
                        ,name: 'username'
                        ,vtype : 'username'
                    }
                },{
                    header: 'Email'
                    ,dataIndex: 'email'
                    ,editor: {
                        xtype: 'textfield'
                        ,name: 'email'
                        ,vtype: 'email'
                    }
                },{
                    header: 'Group'
                    ,dataIndex: 'userGroupId'
                    ,editor : {
                        xtype:'groupcombo'
                    }
                    ,renderer : gridRenderer.createComboRenderer('text')
                },{
                    header: 'userStatusId'
                    ,dataIndex: 'userStatusId'
                    ,editor : {
                        xtype:'statuscombo'
                    }
                    ,renderer : gridRenderer.createComboRenderer('text')
                },{
                    header : 'Password'
                    ,dataIndex : 'password'
                    ,editor : {
                        xtype : 'textfield'
                        ,inputType:'password'
                        ,vtype : 'complex'
                        ,id: 'userMngPw1'
                    }
                    ,renderer : gridRenderer.maskPassword
                },{
                    header : 'Confirm'
                    ,dataIndex : 'password2'
                    ,editor : {
                        xtype : 'textfield'
                        ,inputType:'password'
                        ,vtype :'password'
                        ,initialField: 'userMngPw1'
                    }
                    ,renderer : gridRenderer.maskPassword
                }
            ]
        })
        ,buttonAlign : 'left'
        ,buttons:[
            {
                text: 'Save'
                ,ref: '../saveButton'
                ,iconCls : 'icon-disk_blue_ok'
            }
        ]
    }
});